<template>
  <div class="header">
    <div @click="back()" class="back">&lt;</div>
    <div class="search" @click="goserch()">
      <img src="@/assets/home_07.jpg" alt="" />
      <p>请输入京东商品关键词、商品链接</p>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    back() {
      this.$router.go(-1);
    },
    goserch() {
      this.$router.push("/sou");
    },
  },
};
</script>

<style scoped>
.header {
  height: 53rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: #b0bfc6;
}
.back {
  font-size: 16rem;
  margin-left: 10rem;
}
.search {
  display: flex;
  width: 296rem;
  height: 30rem;
  background: #ebeff2;
  align-items: center;
  border-radius: 15rem;
}
img {
  width: 16rem;
  height: 16rem;
  margin-left: 15rem;
  margin-right: 6rem;
}
</style>
